<template>
	<view>
		<!-- <view class="baf1"><button class="anniu"></button></view>
		
		<font color="white"><view class="baf"><b>安全宣传</b></view></font> -->
		<!-- <view class="bar1">
			
		</view> -->
		<!-- <font color="white"><view class="bar"><b class="font" >安全宣传</b></view></font> -->
		<input type="text" class="te" placeholder="搜索"/>
		<view v-for="(item,index) in list" style="margin-left: 70rpx; margin-top: 40rpx;" @click="turnf()">
			
				<image src="../../static/宣传页面/icon1.png" style="width: 80rpx; height: 80rpx; margin-left: -40rpx;margin-top: 10rpx; ">
				
				</image>
				
			
			<p class="chooseF">
				<font color="#5B5B5B"><b>{{item.ftitle}}</b></font>
			</p>
			<view style="background-color: #EEEEEE; height: 10rpx; margin-top:40rpx; margin-left: -90rpx;">
					
			</view>
			
			<!-- <li>
				<image></image>
			</li> -->
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				list: [{
						ftitle: '主类别1',
						
					},
					{
						ftitle: '主类别2',
						
					},
					{
						ftitle: '主类别3',
						
					}
				]
			}
		},
		methods: {
			turnf() {
				
				uni.navigateTo({
					url: '/pages/news/diffCateDetail'
				})
			},
		},
		onNavigationBarButtonTap(e){
			uni.navigateTo({
				url:"/pages/news/first"
			})
		}
	}
</script>

<style>
	.bar1{
		
		height: 30rpx;
		background-color: #18256B;
		
	}
	.bar{
		
		height: 80rpx;
		background-color: #18256B;
		
	}
	.font{
		font-size: 40rpx;
		margin-top: 10rpx;
		margin-left: 40rpx;
		
	}
	.te{
		
		height: 70rpx;
		background-color: white;
	}
	.chooseF{
		font-size: 40rpx;
		margin-top: -80rpx;
		margin-left: 80rpx;
	}
	.baf1{
		
		height: 30rpx;
		background-color: #2f86d9;
		
	}
	.baf{
		height: 80rpx;
		background-color: #2f86d9;
		text-align: center;
		font-size: 39rpx;
	}
	
	
</style>
